(function($) {
    'use strict';
  
    $(function() {
        let newsList =[
            {
                title: '《千腾纪元》最全英雄图鉴——SSS篇',
                time: '2020年7月30日',
                id:1
            },
            {
                title: '「千腾」游戏背后的故事——策划',
                time:'2020年3月26日',
                id: 4
            },
            {
                title: '「千腾」游戏背后的故事——H5游戏开发',
                time: '2020年3月23日',
                id: 5
            },
            {
                title: '「千腾」骑士马索科人物小传',
                time: '2020年2月19日',
                id:7
            },
            {
                title:'「千腾」游戏背后的故事——游戏音效设计',
                time: '2020年1月17日',
                id: 8
            },
            {
                title: '「千腾」游戏背后的故事——背景介绍二',
                time: '2020年1月17日',
                id: 9
            },
            {
                title: '「千腾」游戏背后的故事——背景介绍',
                time: '2020年1月13日',
                id: 10
            },
            {
                title: '「千腾」游戏制作背后的故事——原画',
                time: '2020年1月10日',
                id: 11
            }
        ]
        let noticeList = [
            {
                title: '《千腾纪元》不删档内测启动就在今日！',
                time: '2020年7月01日',
                type: 2,
                id: 2
            },
            {
                title: 'SGT钱包与《千腾纪元》对接在即',
                time: '2020年4月23日',
                type: 2,
                id: 3
            },
            {
                title: '定了！《千腾纪元》！',
                time: '2020年3月17日',
                type: 2,
                id: 6
            }
        ]
        $.each(newsList, function(k, v) {
            let html = `<div class="qt-list-item" onclick="itemClick(${newsList[k].id})"><div class="qt-list-title"><img class="qt-list-inline" src="./img/newsList/icon.png" alt=""><div class="qt-list-news qt-list-inline">新闻</div><div class="qt-list-inline">${newsList[k].title}</div></div><div class="qt-list-time">${newsList[k].time}</div></div>`
            $('.qt-news-list').append(html)
        })
        $('.qt-list-item')[$('.qt-list-item').length-1].style.border = 'none'
        $('.qt-newsBtn').click(function() {
            $('.qt-news-list').empty()
            if($(this)[0].id==='newsBtn'){
                $('#newsBtn')[0].style.backgroundColor = '#c6a86c'
                $('#noticeBtn')[0].style.backgroundColor = '#535353'
                $.each(newsList, function(k, v) {
                    let html = `<div class="qt-list-item" onclick="itemClick(${newsList[k].id})"><div class="qt-list-title"><img class="qt-list-inline" src="./img/newsList/icon.png" alt=""><div class="qt-list-news qt-list-inline">新闻</div><div class="qt-list-inline">${newsList[k].title}</div></div><div class="qt-list-time">${newsList[k].time}</div></div>`
                    $('.qt-news-list').append(html)
                })
                $('.qt-list-item')[$('.qt-list-item').length-1].style.border = 'none'
            }else{
                $('#newsBtn')[0].style.backgroundColor = '#535353'
                $('#noticeBtn')[0].style.backgroundColor = '#c6a86c'
                $.each(noticeList, function(k, v) {
                    let html = `<div class="qt-list-item" onclick="itemClick(${noticeList[k].id})"><div class="qt-list-title"><img class="qt-list-inline" src="./img/newsList/icon.png" alt=""><div class="qt-list-news qt-list-inline">新闻</div><div class="qt-list-inline">${noticeList[k].title}</div></div><div class="qt-list-time">${noticeList[k].time}</div></div>`
                    $('.qt-news-list').append(html)
                })
                $('.qt-list-item')[$('.qt-list-item').length-1].style.border = 'none'
            }
        })
        $('#gimeItem').mouseenter(function() {
            $(this)[0].src = './img/home/gameCode.png'
        }).mouseleave(function() {
            $(this)[0].src = './img/home/gime.png'
        })
        $('#wxItem').mouseenter(function() {
            $(this)[0].src = './img/home/wxCode.jpg'
        }).mouseleave(function() {
            $(this)[0].src = './img/home/wx.png'
        })
        $('#downloadItem').mouseenter(function() {
            $(this)[0].src = './img/home/download.png'
        }).mouseleave(function() {
            $(this)[0].src = './img/home/logo9.png'
        })
        $('#kfItem').mouseenter(function() {
            $(this)[0].src = './img/home/kfcode.jpg'
        }).mouseleave(function() {
            $(this)[0].src = './img/home/kf.png'
        })
        if($(window).scrollTop()>400){
            $(".qt-top")[0].style.display = 'inline'
        }
        $(window).scroll(function(e) {
            if($(window).scrollTop()>100){
                $(".qt-top").fadeIn(1000)
            }else{
                $(".qt-top").fadeOut(1000)
            }
        })
    });
  })(jQuery);
  function itemClick(id) {
    window.location.href = `./newsDetail.html?id=${id}`
  }
  function goTop() {
    $('body,html').animate({scrollTop:0},1000);
  }


  